a{text-decoration:none}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999}.loadingfa{width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#444;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%}.animteeh{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.animteeh.active{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.animts{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.active.animts{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}@keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-webkit-keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate1{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@-ms-keyframes rotate1{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(-360deg)}}@-o-keyframes rotate1{from{-o-transform:rotate(0)}to{-o-transform:rotate(-360deg)}}.xuanzhuan{animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate}.xuanzhuan1{animation:5s linear 0s normal forwards infinite rotate;-webkit-animation:5s linear 0s normal forwards infinite rotate;-moz-animation:5s linear 0s normal forwards infinite rotate;-o-animation:5s linear 0s normal forwards infinite rotate}.nizhuan{animation:2s linear 0s normal forwards infinite rotate1;-webkit-animation:2s linear 0s normal forwards infinite rotate1;-moz-animation:2s linear 0s normal forwards infinite rotate1;-o-animation:2s linear 0s normal forwards infinite rotate1}.nizhuan1{animation:3s linear 0s normal forwards infinite rotate1;-webkit-animation:3s linear 0s normal forwards infinite rotate1;-moz-animation:3s linear 0s normal forwards infinite rotate1;-o-animation:3s linear 0s normal forwards infinite rotate1}@keyframes Updown{0%{transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.shangxia{animation:1.4s 0s alternate none infinite running Updown}.yaohuan{animation:2.4s 0s alternate none infinite running swing}.yaohuan1{animation:9.4s 0s alternate none infinite running swing}.flash{animation:2.4s 0s alternate none infinite running flash}.wobble{animation:20.4s 0s alternate none infinite running wobble}.dtable{display:table;width:100%;height:100%}.dcell{display:table-cell;vertical-align:middle}.shangxia1{animation:2.4s 0s alternate none infinite running Updown}.shangxia2{animation:2.9s 0s alternate none infinite running Updown}.shangxia3{animation:3.4s 0s alternate none infinite running Updown}.shangxia4{animation:2.5s 0s alternate none infinite running Updown}.shangxia5{animation:3.3s 0s alternate none infinite running Updown}.shangxia6{animation:2.4s 0s alternate none infinite running Updown}.shangxia7{animation:2.6s 0s alternate none infinite running Updown}.df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ac{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.as{-webkit-box-align:justify;-webkit-align-items:space-between;-ms-flex-align:justify;align-items:space-between}.ae{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.jc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.js{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.je{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.fww{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}

img {
  max-width: 100%;
}
*{
  box-sizing: border-box;
}

a:hover {
    text-decoration: none;
}

.rightdao{
	position:fixed;
	right: 30px;
	bottom: 200px;
	z-index:99;
	opacity: 0;
	transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	-ms-transform: translateY(300px);
	-o-transform: translateY(300px);
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
}
.rightdao.cur{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	opacity:1;
	-o-transform: translateY(0px);
}
.rightdao a{
	display:block;
	width: 42px;
  height: 42px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:5px;
}
.rightdao a:hover{
  /* background-color:#999; */
}

.rdao0{
	background: url(../images/home_right2@2x.png) no-repeat center center;
	background-size:20px 20px;
}.rdao1{
	background: url(../images/side_sacn@2x.png) no-repeat center center;
	background-size:20px 20px;
}.rdao2{
	background: url(../images/side_up@2x.png) no-repeat center center;
	background-size:20px 20px;
}

.rdao1:hover{
	background:#02a8ee url(../images/side_sacn_on@2x.png) no-repeat center center;
	background-size:20px 20px;
}.rdao2:hover{
	background:#02a8ee url(../images/side_up_off@2x.png) no-repeat center center;
	background-size:20px 20px;
}

.ranoerma{
  position:absolute;
  right: 100%;
  margin-right:15px;
  width: 180px;
  height: 210px;
  display:none;
  border-radius: 4px;
  background-color:#fff;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  bottom: 0px;
}
.rightdao a:hover .ranoerma{
  display:block;
}

.dermnbx{
  display:block;
  padding:10px;
  padding-bottom:0px;
}
.dermnbx img{
  display:block;
  width:100%;
}
.wwmzd{
  font-size:13px;
  color:#484c4f;
  text-align:center;
}

.header{
  position:absolute;
  left: 0px;
  top: 0px;
  width:100%;
  z-index: 888;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.header.cur{
  background:#fff;
  position:fixed;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.header.cur .top{
  background: none;
  box-shadow: inset 0 -1px 0 0 #e5e5e5;
}
.header.cur .topnavitm{
  color:#a7b0b8;
}
.header.cur .navul>li>a{
  color:#484c4f;
}
.header.cur .logo a{
  background-image: url(../images/p1_logo_black@2x.png);
}
.logo h1{
  margin:0;
}
.header.cur .navul>li>a:after{
  background:#02a8ee;
}
.header.cur .navul>li:hover>a{
  /* color:#02a8ee; */
  /* font-weight: bold; */
}
.header.cur .loginbox{
  border-left:1px solid #e5e5e5;
}
.header.cur .lgibtn{
  color:#484c4f;
}
.header.cur .lgibtn:hover{
  color:#02a8ee;
}
.header.cur .lgibtn.cur{
  color:#fff;
}
.header.cur .saerbar{
  color:#888;
}
.header.cur .saerbar:hover{
  color:#02a8ee;
}
.top{
  background:rgba(0,0,0,0.2);
  padding:0px 20px;
}
.topnav{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.topnavitm{
  padding-right:20px;
  line-height:32px;
  font-size:12px;
  color:#fff;
}
.topnavitm .fa{
  color:#02A8EE;
  margin-right:5px;
}
.head{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding:15px 20px;
}
.logo a{
  width:300px;
  height:36px;
  display:block;
  background: url(../images/p1_logo_white@2x.png) no-repeat center top;
  background-size: 100% 100%;
}

.navbar{
  display:none;
}
.navul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.navul>li{
  padding:10px 13.5px;
  position:relative;
}
.xiala{
  position:absolute;
  top: 100%;
  left: 50%;
  margin-left:-75px;
  width:150px;
  padding:5px 0px;
  background:#fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  display:none;
}
.navul>li:hover .xiala{
  display:block;
}
.xiala:after{
  content:"";
  position:absolute;
  left:50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 100%;
  border:8px solid transparent;
  border-bottom-color:#fff;
}
.xiala a{
  display:block;
  line-height:44px;
  font-size:16px;
  color:#484c4f;
  text-align:center;
}
.xiala a:hover{
  background:#f4faff;
  
}
.navul>li>a{
  font-size:16px;
  opacity: 0.75;
  color:#0054a7;
 font-weight:bold; display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top:6px;
}
.navul>li:hover>a{
  opacity: 1;
  /* color:#02a8ee; */
}
.navul>li.cur>a{
  opacity: 1;
  font-weight:400;
}

.navul>li>a:after{
  content:"";
  height:3px;
  background:#fff;
  width:0px;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  margin-top:6px;
}
.navul>li:hover>a:after{
  width:100%;
}.navul>li.cur>a:after{
  width:100%;
}

.search{
  position:relative;
}
.secclose{
  position:absolute;
  left: 100%;
  width:26px;
  text-align:center;
  top: 0px;
  font-size:20px;
  color:#999;
  line-height:36px;
  cursor:pointer;
}
.sarchin{
  position:absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  display:none;
}
.saerbar{
  width:36px;
  height:36px;
  cursor:pointer;
  color:#fff;
  font-size:19px;
  line-height:36px;
  text-align:center;
}
.saerbar:hover{
  color:#02a8ee;
}
.searchinpt{
  width:180px;
  height:36px;
  border:1px solid #eee;
  text-indent:10px;
  background: #fff;
  outline: none;
  border-radius: 5px;
  
}
.searchbtn{
  position:absolute;
  right: 0px;
  height:36px;
  width:36px;
  text-align:center;
  line-height:36px;
  top: 0px;
  color:#999;
}
.headroght{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.loginbox{
  height:36px;
  margin-left:30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left:1px solid rgba(255,255,255,0.5);
}
.lgibt{
  position:relative;
}
.lgibtn{
  width: 90px;
  border-radius: 4px;
  line-height:36px;
  text-align:center;
  color:#fff;
  display:block;
}
.lgibtn.cur{
  background-color: #02a8ee;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
  color:#fff;
  -webkit-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
       -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
  
}
.lgibtn:hover{
  color:#02a8ee;
}
.lgibtn.cur:hover{
  color:#fff;
  background-color: #0283d0;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.visible-xs{
  display:none !important;
}
.banneritme{
  position:relative;
}
.banneritme img{
  display:block;
  width:100%;
}
.bannerzhe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;*/
    padding-top: 19%;
}

.bannerzhe-1 {
    line-height: 60px;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 5px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: "HanHei SC","PingFang SC","Microsoft YaHei";
    font-weight: 500;
    letter-spacing: 5px;
}

.bannerzhe-2 {
    font-size: 24px;
    letter-spacing: 2.5px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    line-height: 33px;
    margin: 32px 0;
}



.bannerzhe-1.mb9 {
    margin-bottom: 9px;
}

.bannerzhe-4 {
    height: 33px;
    font-size: 24px;
    font-family: "HanHei SC","PingFang SC","Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: rgba(255,255,255,1);
    line-height: 33px;
    letter-spacing: 2px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.47);
    margin-bottom: 57px;
}

.bannerzhe-5 {
    text-align: center;
}

    .bannerzhe-5 img {
        width: 155px;
        margin: auto;
    }

.bannerzhe-3 {
    text-align: center;
}

.btnh {
    width: 170px;
    height: 48px;
    border-radius: 4px;
    background-color: #02a8ee;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    margin: auto;
    color: #fff;
    display: inline-block;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    /* box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);  */
}

    .btnh:hover {
        background-color: #0283d0;
        box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
    }

.btnbig{
  width: 170px;
  height: 48px;
  border-radius: 4px;
  background-color: #02a8ee;
  font-size:16px;
  text-align:center;
  line-height:48px;
  color:#fff;
  display:inline-block;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  /* box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);  */
}
.btnbig:hover{
  background-color: #0283d0;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
}
.yuandian{
  position:absolute;
  bottom: 20px;
  width:100%;
  text-align:center;
  z-index:30;
}
.yuandian span{
  display:inline-block;
  width: 40px;
  height: 4px;
  background-color: #ffffff;
  opacity: 0.5;
  margin:0px 6px;
  border-radius: 0;
}
.yuandian span.swiper-pagination-bullet-active{
  opacity:1;
}

.inner{
  width:100%;
  max-width: 1200px;
  margin:0 auto;
}
.homlbtn{
  position:absolute;
  z-index:30;
  width:35px;
  height:35px;
  top:50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.5;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  cursor:pointer;
}
.homlbtn:hover{
  opacity:1;
}
.homlbtn.lbtn{
  background: url(../images/p1_arrow_left_on@2x.png) no-repeat center top;
  background-size: 100% auto;
  left:30px;
}.homlbtn.rbtn{
  background: url(../images/p1_arrow_right_on@2x.png) no-repeat center top;
  background-size: 100% auto;
  right:30px;
}
.cont1{
  padding:90px 0px;
  background: url(../images/p1_bg1@2x.png) no-repeat center top;
  background-size: cover;
}
.cont1in{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.hoverimg{
  overflow:hidden;
  position:relative;
  display:block;
}
.hoverimg > img{
  display:block;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.hoverimg:hover > img{
  -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
       -o-transform:scale(1.1);
          transform:scale(1.1);
  
}
.cont1a{
  position:relative;
  width:calc(51200% / 1200);
}
.cont1b{
  width:calc(58500% / 1200);
}
.vitilbx{
  font-size:18px;
  color:#24282d;
  line-height:45px;
  position:absolute;
  left: 0px;
  top: 100%;
}
.cont1a-1 img{
  display:block;
}
.videidian.swiper-container{
  padding-bottom:45px;
}
.playbtn{
  position:absolute;
  width:74px;
  height:74px;
  background: url(../images/p1_button_on@2x.png) no-repeat center top;
  background-size: 100% 100%;
  left:100%;
  margin-left:-37px;
  top:50%;
  margin-top:calc(-37px - 45px);
  z-index:40;
  cursor:pointer;
  border-radius: 100%;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
       -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
  
}
.playvideos{
  width:100%;
  display:block;
}
.videbom{
  width:1000px;
  max-width: 90vw;
}
.playbtn:hover{
  background: url(../images/p1_button_hover@2x.png) no-repeat center top;
  background-size: 100% 100%;
}
.cont1b-1{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:24px;
}
.cont1b-2{
  font-size: 14px;
  line-height: 2;
  color: #484c4f;
}

.cont2{
  padding:90px 0px;
}

.dextitle{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:48px;
}
.redmore{
  color:#02a8ee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.arrowright{
  display:inline-block;
  width:17px;
  height:16px;
  background: url(../images/p1_arrow_right_blue@2x.png) no-repeat center top;
  margin-left:8px;
  background-size: 100% 100%;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.redmore:hover .arrowright{
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
  
}
.declunbx{
  margin:0px -13px;
}
.declunbx-swiper{
  padding:0px 13px;
  padding-bottom:60px;
}
.dexlitem{
  width:278px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);
}
.dexlitem:hover .dexlitem-2a{
  color:#02a8ee;
}
.dexlitem-1{
  position:relative;
  border-radius: 3px;
}
.dexlitem-1b{
  position:absolute;
  width:90px;
  height:24px;
  line-height:24px;
  background: url(../images/p1_bg2@2x.png) no-repeat center top;
  background-size: 100% 100%;
  color:#fff;
  text-indent:10px;
  bottom: -3px;
  left: -2px;
  font-size:12px;
}
.dexlitem-1a{
  border-radius: 3px;
}
.vmbg2{
  background: url(../images/p1_bg3@2x.png) no-repeat center top;
  background-size: 100% 100%;
}
.dexlitem-2{
  padding:20px;
}
.dexlitem-2a{
  font-size: 18px;
  color: #24282d;
  margin-bottom:15px;
}
.dexlitem-2b{
  
}
.delsp{
  padding-right:20px;
  font-size:12px;
  color:#484c4f;
}
.delsp .fa{
  margin-right:6px;
  color:#02a8ee;
}
.dextitle-1{
  font-size: 32px;
  color: #24282d;
}
.declunbx-swiper .swiper-scrollbar-drag{
  background:#02a8ee;
}
.zjirli{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.zjirli-1{
  color:#a7b0b8;
  min-width: 72px;
  padding-right:15px;
  font-size:12px;
}
.zjirli-2{
  font-size:12px;
  color:#484c4f;
}
.cont3{
  padding:90px 0px;
  background: url(../images/p1_bg4@2x.png) no-repeat center top;
  background-size: cover;
}
.cont3tl{
  text-align:center;
  margin-bottom:60px;
}
.cont3tl-1{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:16px;
}
.cont3tl-2{
  font-size:16px;
  color: #a7b0b8;
}
.cont3list li{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom:10px;
  background-color: #ffffff;
  border: solid 1px #dae7f1;
  padding:24px 0px;
  padding-left:30px;
  padding-right:42px;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.cont3list li:hover{
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.cont3list li:hover .cont3list-1a{
  color:#02a8ee;
}
.cont3list-2btn:hover {
  background-color: #0283d0;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.cont3list-1a{
  font-size: 16px;
  font-weight: 600;
  color: #24282d;
  margin-bottom:12px;
}
.cont3list-1b{
  font-size:12px;
  color:#a7b0b8;
}
.cont3list-1bsp{
  padding-right:30px;
}

.cont3list-2btn{
  width: 90px;
  height: 36px;
  border-radius: 4px;
  background-color: #02a8ee;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
  text-align:center;
  line-height:36px;
  display:block;
  color:#fff;
  -webkit-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
       -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
  
}
.lisremore{
  padding-top:38px;
  padding-bottom:50px;
}
.cont4{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding:50px 0px;
  background: url(../images/p1_bg5@2x.png) no-repeat center top;
  background-size: cover;
}
.cont4-2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 610px;
}
.cont4-2a{
  height:64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color:#fff;
  padding:0px 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right:1px solid #fff;
}
.cont4-2a:last-child{
  border: none;
}
.cont4-2a-1{
  font-size: 72px;
  color: #ffffff;
  line-height:100px;
}


.foot1{
  padding-top:64px;
  padding-bottom:30px;
  background:#f4faff;
}
.foot1 .inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.foot1a-4{
  margin-bottom:30px;
}
.foot1a-1 {
  
}
.foot1a-5 li{
  position:relative;
  padding-left:22px;
  color:#484C4F;
  padding-bottom:5px;
  line-height:20px;
}
.foot1a-5 li .fa{
  position:absolute;
  left: 0px;
  top: 3px;
  color:#02A8EE;
}
.foot1b-1{
  font-size:18px;
  color:#24282D;
  min-width:100px;
  padding-right:30px;
  border-bottom:1px solid #DAE7F1;
  padding-bottom:10px;
  font-weight:bold;
}
.foot1b-2{
  padding-top:10px;
}
.foot1b-2 li a{
  display:block;
  line-height:36px;
  color:#484C4F;
}
.foot1b-2 li a:hover{
  color:#02A8EE;
}
.foot1b-3{
  padding-top:20px;
}
.foot2{
  background:#EBF5FE;
  padding-top:32px;
  padding-bottom:25px;
}
.fnav-1{
  text-align:center;
  padding-bottom:24px;
}
.fnav-1 a{
  padding:0px 25px;
  line-height:16px;
  color:#484C4F;
  border-right:1px solid #02A8EE;
}
.fnav-1 a:hover{
  color:#02A8EE;
}
.fnav-1 a:last-child{
  border: none;
}
.cop{
  color:#484C4F;
  font-size:12px;
  opacity: 0.38;
  text-align:center;
}

.questibx1{
  background:#EAF5FF url(../images/p3_bg1.png) no-repeat center top;
  padding-top: 242px;
  padding-bottom:144px;
  min-height:5008px;
}
.questibx1a-1{
  text-align:center;
  margin-bottom:-30px;
}
.questibx1b{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 80px;
}
.questibx1b-1{
  line-height:50px;
  color:#fff;
  font-size:36px;
  font-weight:400;
}
.questibx1b-2{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position:relative;
  top: 90px;
  text-align:center;
}
.questibx1c{
  padding-top: 87px;
}
.questibx1c-1{
  font-size:48px;
  color:#99FCFF;
  font-weight:bold;
  line-height:67px;
  margin-bottom: 60px;
}
.questibx1c-2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 75px;
}
.questibx1c-2a{
  width:calc(50% - 35px);
}
.questibx1c-2a-1{
  font-size:18px;
  color:#99FCFF;
  padding-top:20px;
  padding-bottom:6px;
}
.questibx1c-2a-2{
  color:#fff;
  line-height:28px;
  
 
}.questibx1c-2a-4{
  color:#fff;

}
.inner1{
  width:100%;
  max-width: 1000px;
  margin:0 auto;
}
.questibx1c-2a-3{
  position:relative;
  left: -100px;
  top: 40px;
}

.questibx1d,
.questibx1e{
  padding-top: 180px;
}
.questibx1e-2 img{
  max-width: 90%;
  display:block;
  margin:0 auto;
}
.questibx1f{
  margin:0 auto;
  max-width: 790px;
  padding-top: 100px;
}
.xhcegtle{
  width:100%;
}
.xhcegtle td{
  height:40px;
  text-align:center;
  font-size:16px;
  color:#fff;
  border-bottom:1px solid #0065D9;
}
.xhcegtle tr:first-child td{
  color:#9DFCFE;
  background:#0065D9;
}
.questsh{
  font-size:16px;
  color:#fff;
  line-height:32px;
  padding-top:33px;
}

.questibx2{
  padding-top:90px;
  background:#EAF5FF;
}

.questibx2a{
  font-size:48px;
  margin-bottom:40px;
  color:#0B86FF;
  font-weight:bold;
}
.questibx2b{
  max-width: 687px;
  font-size:16px;
  color:#484C4F;
  margin-bottom:32px;
  line-height:28px;
}
.questibx2c{
  padding:20px 30px;
  background:#D6EDFF;
  margin-bottom:16px;
  color:#484C4F;
}
.questibx2c-1{
  font-weight:400;
  font-size:16px;
  line-height:28px;
}
.questibx2c-2{
  line-height:28px;
  font-size:16px;
}
.dinline{
  display:inline-block;
}
.questibx2d{
  padding:40px 0px;
  padding-left:60px;
}

.questibx3{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top:60px;
  padding-bottom:100px;
  background:#28A0FF;
  background-image: linear-gradient(to right,#28A0FF,#017CFF);
}
.questibx3-2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding:0px 60px;
}
.questibx3-2a{
  font-size:48px;
  color:#C0FDFF;
  margin-bottom:24px;
  font-weight:bold;
  line-height:67px;
}
.questibx3-2c{
  padding-top:26px;
  color:#fff;
  font-size:16px;
}
.vidian {
  text-align:right;
  padding-top:6px;
}
.vidian span{
  border-radius: 0px;
  width:40px;
  height:4px;
}


.ban21x{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height:389px;
  background: url(../images/p21_banner@2x.png) no-repeat center bottom;
  background-size: cover;
}
.ban21xwz{
  font-size: 48px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 5px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.szdcontin{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.szdcont1{
  width:250px;
  
}
.szdcont2{
  width:calc(100% - 250px - 60px);
}
.szdcont{
  padding:80px 0px;
}
.szdcont1a{
  margin-bottom:32px;
  height: 45px;
  line-height:45px;
  font-size: 32px;
  color: #24282d;
}
.szdcont1b{
  padding:12px 0px;
  padding-left:30px;
  border:1px solid #dae7f1;
}
.szdcont1b ul li a{
  position:relative;
  font-size:12px;
  color:#24282d;
  line-height:26px;display:block;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.szdcont1b ul li a:after{
  position:absolute;
  left: 0px;
  content:"";
  top: 50%;
  height:3px;
  margin-top:-1.5px;
  width:0px;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
  background:#02a8ee;
}
.szdcont1b ul li a:hover{
  padding-left:25px;
  font-size:18px;
  color:#02a8ee;
}
.szdcont1b ul li a:hover:after{
  width:20px;
}.szdcont1b ul li.cur a{
  padding-left:25px;
  font-size:18px;
  color:#02a8ee;
}
.szdcont1b ul li.cur a:after{
  width:20px;
}
.szdcont2b{
  margin-bottom: 34px;
  min-height:600px;
}
.szdcont2b ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap;
}
.szdcont2b ul li{
  width:calc(33.33% - 20px);
  margin-right:30px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);
  overflow:hidden;
  margin-bottom:30px;
}
.szdcont2b ul li:nth-child(3n){
  margin-right:0px;
}
.szdcont2b1wz{
  min-height:133px;
  padding:20px;
}
.szdcont2b1-2{
  font-size:18px;
  color:#24282d;
  margin-bottom:16px;
}
.szdcont2b1-3{
  font-size:14px;
  color:#a7b0b8;
}
.szdcont2b1-3b{
  color:#484c4f;
}
.szdcont2b ul li:hover .szdcont2b1-2{
  color:#02a8ee;
}

.szdcont1b.cur{
  position:fixed;
  top: 130px;
  width:250px;
  background:#fff;
  z-index: 99;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  overflow-scrolling : touch;
  -webkit-overflow-scrolling : touch;
  -moz-overflow-scrolling : touch;
  -ms-overflow-scrolling : touch;
  -o-overflow-scrolling : touch;
}


.gmwipx{
  padding-top:148px;
  background:#f7fafd url(../images/p41_banner@2x.png) no-repeat center top;
  background-size: auto 389px;
  padding-bottom:60px;
  border-bottom:1px solid #e0ebf5;
}
.ganwserhc{
  width:624px;
  max-width: 100%;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  
  position:relative;
}
.ganwserhc1{
  width:100%;
  height:100%;
  border: none;
  background: none;
  outline: none;
  text-indent:10px;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
}
.ganwserhc2{
  position:absolute;
  right: 0px;
  top: 0px;
  width:110px;
  height:36px;
  text-align:center;
  color:#fff;
  background:#02a8ee;
  line-height:36px;
  border-radius: 4px;
  cursor:pointer;
}
.ganwserhc2 .fa{
  margin-right:5px;
}
.ganwserhc{
  margin-bottom:40px;
}

.gwnwlstwa{
  background:#fff;
  border:1px solid #dae7f1;
  padding:30px;
  position:relative;
  padding-bottom:5px;
  margin-bottom:60px;
}
.gmwipx .inner{
  max-width: 996px;
}
.gwnwlst{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:20px;
}

.gwnwlst1{
  width:110px;
  color:#484c4f;
  line-height:30px;
}
.gwnwlst2{
 
  width:calc(100% - 180px);
}
.gwnwlst2 ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap;
}
.dwmores{
  position:absolute;
  right:50px;
  color:#484c4f;
  line-height:30px;
  top:30px;
}
.dwmores:hover{
  color:#02a8ee;
}
.dwmores.cur .fa:before{
  content:"\f106"
}
.gwnwlst2 ul li{
  margin-bottom:6px;
}
.addressls li:nth-child(n+8){
  display:none;
}
.addressls.cur li:nth-child(n+8){
  display:block;
}
.gwnwlst2 ul li a{
  display:block;
  width:98px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#484c4f;
}

.gwnwlst2 ul li a:hover{
  color:#02a8ee;
}
.gwnwlst2 ul li.cur a{
  border-radius: 4px;
  color:#fff;
  background:#02a8ee;
}
.pagedsz{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-end;
  padding-top:20px;
}
.pagedsz a{
  min-width: 30px;
  margin-left:11px;
  line-height:30px;
  color:#a7b0b8;
  text-align:center;
  padding:0px 7px;
  height: 30px;
  border-radius: 4px;
  border: solid 1px #dae7f1;
}
.pagedsz a.cur{
  color:#02a8ee;
  border:1px solid #02a8ee;
}
.pagedsz a:hover{
  color:#02a8ee;
}

.zpdetals{
  padding-top:158px;
}
.zpdetalsin{
 
  padding-bottom:110px;
}
.zpdetalsin2{
  width:308px;
  float:right;
}
.zpdetalsin1{
  float:left;
  width:calc(100% - 338px);
}
.zpdetalsin1-1{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:24px;
}
.zpdetalsin1-2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.zpdetalsin1-2a{
  color:#a7b0b8;
  margin-right:10px;
}
.wenbtn{
  width:32px;
  height:32px;
  background: url(../images/p42_wechat@2x.png) no-repeat center top;
  background-size: 100% 100%;display:block;
}
.sharbtm{
  position:relative;
}
.weitus{
  position:absolute;
  top: -49px;
  left:100%;
  margin-left:10px;
  width:262px;
  height:270px;
  background: url(../images/p42_frame@2x.jpg) no-repeat center top;
  background-size: 100% 100%;
  padding-left:45px;
  padding-right:50px;
  padding-top:20px;
  display:none;
}
.sharbtm:hover .weitus{
  display:block;
}
.weitusin{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.weitustl{
  margin-bottom:10px;
}


.zpdetalsin1-3{
  padding-top:50px;
}
.zpdetalsin1-3a{
  font-size: 18px;
  font-weight: 600;
  color: #24282d;
  margin-bottom:16px;
}
.zpdetalsin1-3b{
  
}
.zpdetalsin1-3b li{
  padding-left:40px;
  line-height: 2.64;
  color: #484c4f;
  line-height:36px;
  background: url(../images/p42_tick_blue@2x.png) no-repeat left 8px;
  background-size: 23px auto;
}
.zpdetalsin2in{
  padding:20px;
  background:#f8f9fa;
  border-radius: 4px;
  position:fixed;
  top: 140px;
  width:308px;
}
.zpdetalsin2in.cur{
  position:relative;
  top: 0px;
}
.zhiwmsj li{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding:4px 0px;
}
.zhiwmsj1{
  width:78px;
  color:#484c4f;
}
.zhiwmsj2{
  width:calc(100% - 78px);
  font-weight:bold;
  color:#24282d;
}
.shenqzw{

  height: 48px;
  border-radius: 4px;
  background-color: #02a8ee;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
  display:block;
  color:#fff;
  text-align:center;
  line-height:48px;
  margin-top:20px;
  margin-bottom:10px;
  -webkit-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
       -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
  
}
.shenqzw:hover{
  background-color: #0283d0;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);
}

.tuijzhiw{
  background:#f7fafd;
  padding:90px 0px;
  border-bottom:1px solid #e0ebf5;
}
.tuijzhiw1{
  font-size:32px;
  color:#24282d;
  line-height:45px;
  margin-bottom:40px;
}

.facidetal{
  padding-top:140px;
  background: url(../images/p22_bg1@2x.jpg) no-repeat center top;
  background-size: 1920px auto;
}
.facidetal .inner{
  max-width: 900px;
}
.facidetal1{
  font-size: 32px;
  text-align: center;
  color: #24282d;
  line-height:45px;
  padding:60px 0px;
}
.facidetal2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.facidetal2-1{
  width: calc(66.66% - 7px);
}
.facidetal2-2{
  width:calc(33.33% - 15px);
}

.facidetal2-2a{
  position:relative;
  margin-bottom: 15px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
}
.facidetal2-2a img{
  display:block;
}
.facidetal2-2a:last-child{
  margin-bottom:0px;
}
.vmtags{
  position:absolute;
  left:-2px;
  width:90px;
  height:24px;
  line-height:24px;
  background: url(../images/p22_rabel_bg@2x.png) no-repeat left top;
  background-size: 100% 100%;
  font-size:12px;
  color:#fff;
  text-indent:10px;
  top:10px;
}
.vatatl{
  position:absolute;
  bottom:13px;
  padding:0px 16px;
  color:#fff;
  width:100%;
  font-size:18px;
  line-height:28px;
}
.facidetal3{
  padding-top:30px;
}
.fasci3lst{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fasci3lst li{
  width:calc(33.33% - 15px);
  position:relative;
  overflow:hidden;
  cursor:pointer;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
}
.facidetal2-1 img{
  display:block;
}
.fasci3lst-2{
  position:absolute;
  top:100%;
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
  -webkit-transform: translateY(-120px);
     -moz-transform: translateY(-120px);
      -ms-transform: translateY(-120px);
       -o-transform: translateY(-120px);
          transform: translateY(-120px);
  width:100%;
  padding:0px 16px;
  padding-top:43px;
  background: url(../images/p22_mask2@2x.png) no-repeat center top;
  background-size: 100% auto;
}
.fasci3lst-2a{
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height:33px;
  margin-bottom:8px;
}
.fasci3lst-2b{
  color:#fff;
  margin-bottom:16px;
}
.fasci3lst-2c{
  padding-top:17px;
  margin-top:5px;
  border-top:1px dashed #fff;
  color:#fff;
  padding-bottom:15px;
  max-height: 130px;
  overflow:hidden;
}
.fasci3lst li:hover .fasci3lst-2{
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  
}
.fatcllxq{
  margin-top:90px;
  padding-bottom:90px;
}
.fatcllxqin{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fatcllxq2{
  
}
.linxfaswa{
  width: 277px;
  border-radius: 4px;
  background-color: #f8f9fa;
  padding:32px 30px;
}
.linxfas1{
  font-size: 18px;
  text-align: justify;
  color: #24282d;
  line-height:25px;
  margin-bottom:20px;
  
  
}
.linxfas2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color:#484c4f;
  line-height:32px;
}
.linxfas2 .fa{
  color:#02a8ee;
  width:20px;
  text-align:center;
  margin-right:5px;
  line-height:32px;
}
.fatcllxq1{
  width:calc(100% - 277px - 103px);
  
}
.fatcllxq1wz{
  color:#484c4f;
  line-height:2;
  text-align: justify;
}
.ban51x{
  height:389px;
  background: url(../images/p51_banner@2x.jpg) no-repeat center top;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ndlitl{
  padding:60px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor:pointer;
}
.ndlibx.cur .ndlitl2 .fa:before{
  content:"\f106";
}
.ndlibx{
  border-bottom:1px solid #dae7f1;
}
.ndlitl1{
  font-size: 32px;
  color: #24282d;
}
.ndlitl2{
  color:#02a8ee;
  font-size:30px;
}
.nindr1{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);
  overflow:hidden;
  margin-bottom:60px;
}
.nindr1a{
  position:relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding:0px 40px;
  padding-top:105px;
}
.nindr1b{
  width:calc(58500% / 1200);
}
.jbtags{
  position:absolute;
  width:90px;
  height:24px;
  text-indent:17px;
  color:#fff;
  font-size:12px;
  line-height:24px;
}
.jbtags1{
  background: url(../images/p51_rabel1@2x.png) no-repeat center top;
  background-size: 100% 100%;
}.jbtags2{
  background: url(../images/p51_rabel2@2x.png) no-repeat center top;
  background-size: 100% 100%;
}.jbtags3{
  background: url(../images/Rectangle7@2x.png) no-repeat center top;
  background-size: 100% 100%;
}.jbtags4{
  background: url(../images/p51_rabel4@2x.png) no-repeat center top;
  background-size: 100% 100%;
}
.nindr1a-1 .jbtags{
  top: 39px;
  left: -2px;
}
.nindr1a-2{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:14px;
}
.nindr1a-3{
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  color: #484c4f;
  min-height:155px;
}
.nindr1a-4{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.nindr1a-4 span{
  margin-right:30px;
  color:#484c4f;
}
.nindr1a-4 span .fa{
  color:#02a8ee;
  margin-right:6px;
}
.nindr2list{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap;
  margin:0px -15px;
  padding-bottom:50px;
}
.nindr2list li{
  width:25%;
  padding:0px 15px;
  margin-bottom:30px;
}
.nrdrli{
  background:#fff;
  border-radius: 4px;
  position:relative;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
       -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
  
}
.nrdrli:hover {
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.nrdrli1{
  border-radius: 4px;
}
.nrdrli2{
  position:relative;
  padding:20px;
}
.nrdrli2 .jbtags{
  left: -2px;
  bottom: 100%;
  margin-bottom:-2px;
}
.nrdrli2-1{
  font-size: 18px;
  color: #24282d;
  margin-bottom:16px;
}
.nrdrli:hover .nrdrli2-1{
  color:#02a8ee;
}
.nindr{
  display:none;
}.ndlibx.cur .nindr{
  display:block;
}
.ndli{
  padding-bottom:100px;
}

.xiihnrs{
  max-width: 790px;
  margin:0 auto;
}
.xiihnrs1{
  color:#02a8ee;
  margin-bottom:8px;
}
.xiihnrs2{
  color:#24282d;
  font-size:32px;
  line-height:45px;
  margin-bottom:32px;
}
.xiihnrs3{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.xiihnrs3-1 .jbtags{
  display:block;
  position:relative;
  margin-bottom:20px;
}
.xiihnrs3-1a span{
  display:block;
  color:#484c4f;
}
.xiihnrs3-1a span .fa{
  color:#02a8ee;
}
.xiihnrs3-1{
  width:200px;
  border-right:1px solid #dae7f1;
  margin-right:30px;
}
.xiihnrs4{
  padding-top:60px;
}
.xiihnrs4 p{
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  color: #484c4f;
  margin-bottom:40px;
}
.xanbjbx1{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:48px;
  font-weight:500;
}
.xanbjbx{
  padding-top:60px;
}
.ban61x{
  height:389px;
  background: url(../images/p61_banner@2x.jpg) no-repeat center top;
  background-size: cover;
}
.newins{
  width:100%;
  max-width: 1000px;
  margin:0 auto;
  position:relative;
  z-index:30;
  margin-top:-160px;
}
.newnav{
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #dae7f1;
}
.newnav ul{
  height:195px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.newnav ul li{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width:33.33%;
  position:relative;
  height:100%;
}
.newnav ul li:after{
  content:"";
  height: 80px;
  border-right: solid 2px #dae7f1;
  position:absolute;
  right: 0px;
  bottom: 30px;
}
.newnav ul li:last-child:after{
  display:none;
}
.newnav-2{
  font-size: 48px;
  text-align: center;
  color: #02a8ee;
  line-height:67px;
  font-weight:500;
}
.newnav-3{
  color:#24282d;
}
.newsicon{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding:60px 0px;
}
.newsicon1{
  width:calc(100% - 277px - 102px);
}
.newsicon1 ul li{
  margin-bottom:60px;
}
.newsicon2{
  width:277px;
}
.newsicon1a{
  display:block;
  font-size: 32px;
  color: #24282d;
  line-height:45px;
}
.newsicon1b{
  color:#a7b0b8;
  padding:15px 0px;
  padding-bottom:25px;
}
.newsicon1c {
  margin-bottom:25px;
}
.newsicon1d{
  margin-bottom:32px;
  line-height: 2;
  text-align: justify;
  color: #484c4f;
}
.newsicon1e{
  display:block;
  width: 205px;
  line-height: 48px;
  text-align:center;
  color:#fff;
  border-radius: 4px;
  background-color: #02a8ee;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
       -o-transition: all ease 0.5s;
          transition: all ease 0.5s;
  
}
.newsicon1 ul li:hover .newsicon1a{
  color:#02a8ee;
}
.newsicon1e:hover {
  background:#0283d0;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.newsicon2a{
  font-size: 18px;
  font-weight: 600;
  text-align: justify;
  color: #24282d;
  margin-bottom:16px;
}
.newsicon2b li a{
  display:block;
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  color: #24282d;
  padding-bottom:16px;
}
.newsicon2b li a:hover{
  color:#02a8ee;
}
.newdetail{
  padding-top:170px;
  width:100%;
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.newdetaila{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.newdetaila-1{
  color:#a7b0b8;
  line-height:32px;
  padding-right:30px;
  margin-right:30px;
  border-right:1px solid #dae7f1;
}
.shanxip{
  background:#f7fafd;
  padding:50px 0px;
  margin-top:50px;
}
.shanxip ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.shanxip ul li{
  width:50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right:1px solid #dae7f1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height:140px;
}
.shanxip ul li:last-child{
  border: none;
}
.shanxip a{
  color:#24282d;
  font-weight:bold;
  font-size:18px;
  margin-top:20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding:0px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.shanxip a span{
  max-width: calc(100% - 30px);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.shanxip a .fa{
  color:#02a8ee;
  margin:0px 10px;
}
.shanxip li:hover a{
  color:#02a8ee;
}
.ban81x{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height:389px;
  background: url(../images/p8_banner@2x.jpg) no-repeat center top;
  background-size: cover;
}

.contacts{
  padding:110px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.contacts2{
  max-width: 585px;
  margin-left:20px;
  border-radius: 8px;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15);
}
.contacts1a{
  font-size: 32px;
  color: #24282d;
  line-height:45px;
  margin-bottom:32px;
}
.contacts1b li{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:16px;
}
.contacts1b-1{
  width:30px;
  color:#02a8ee;
  line-height:22px;
  text-align:center;
  font-size:16px;
}
.contacts1b-2 {
  line-height:22px;
  color:#484c4f;
  font-size:16px;
}
.caonwz{
  font-size:16px;
  text-align:center;
}



.login_main_detail {
    /*position: fixed;*/
    position:relative;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: url(../images/p91_bg@2x.jpg) no-repeat center center;
    background-size: cover;
}

    .login_main_detail .center {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 874px;
        height: 488px;
        max-width: 100%;
        max-height: 100%;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 20px #ccc;
        -moz-box-shadow: 0px 0px 20px #ccc;
        -o-box-shadow: 0px 0px 20px #ccc;
        -ms-box-shadow: 0px 0px 20px #ccc;
        box-shadow: 0px 0px 20px #ccc;
    }

        .login_main_detail .center .left {
            float: left;
            width: 46%;
            height: 100%;
            background-size: cover !important;
            background-position: center center !important
        }

        .login_main_detail .center .right {
            float: right;
            width: 54%;
            height: 100%;
        }

            .login_main_detail .center .right .login {
                height: 100%;
            }

                .login_main_detail .center .right .login .loginlogo {
                    text-align: center;
                    padding-top: 10%;
                }

                    .login_main_detail .center .right .login .loginlogo img {
                        display: block;
                        margin: auto;
                        max-width: 100%;
                        width: 289px;
                    }

                .login_main_detail .center .right .login .on {
                    margin-top: 12px;
                    text-align: center;
                    font-size: 14px;
                    margin-bottom: 10px;
                    font-weight: 400;
                    color: rgba(72,76,79,1);
                    line-height: 24px;
                    visibility: hidden;
                    opacity: 0;
                    z-index: -1;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s;
                    position: relative;
                }

                    .login_main_detail .center .right .login .on.current {
                        visibility: visible;
                        opacity: 1;
                        z-index: 3;
                    }

                .login_main_detail .center .right .login .model {
                    margin-bottom: 4.2%;
                    position: relative;
                }

                .login_main_detail .center .right .login .login_form {
                    padding-left: 10.6%;
                    padding-right: 10.6%;
                }

                .login_main_detail .center .right .login .model .words {
                    display: block;
                    width: 100%;
                    border-radius: 3px;
                    border: 1px solid #ededed;
                    height: 40px;
                    font-size: 16px;
                    text-indent: 36px;
                    font-weight: 400;
                    color: rgba(167,176,184,1);
                }

                    .login_main_detail .center .right .login .model .words::-webkit-input-placeholder {
                        color: rgba(167,176,184,1);
                    }

                    .login_main_detail .center .right .login .model .words::-moz-placeholder { /* Mozilla Firefox 19+ */
                        color: rgba(167,176,184,1);
                    }

                    .login_main_detail .center .right .login .model .words:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                        color: rgba(167,176,184,1);
                    }

                    .login_main_detail .center .right .login .model .words:-ms-input-placeholder { /* Internet Explorer 10-11 */
                        color: rgba(167,176,184,1);
                    }


* {
    outline: none;
}


.login_main_detail .center .right .login .model .tips {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 44px;
    z-index: 65;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: 50px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

    .login_main_detail .center .right .login .model .tips.wrong {
        visibility: visible;
        opacity: 1;
        z-index: 6;
        top: 44px;
    }











    .login_main_detail .center .right .login .model .tips i {
        position: absolute;
        display: inline-block;
        top: -19px;
        left: 16px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        z-index: 6666;
    }

        .login_main_detail .center .right .login .model .tips i:after {
            content: "";
            position: absolute;
            left: -2px;
            top: 16px;
            width: 66%;
            height: 66%;
            border: 1px solid #ffa49f;
            transform: rotate(135deg);
            background: #fff1f0;
        }


    .login_main_detail .center .right .login .model .tips p {
        position: relative;
        padding-left: 38px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 6px;
        background: url(../images/p92_tips@2x.png) no-repeat 16px 14px #fff1f0;
        background-size: 14px;
        font-size: 14px;
        font-family:;
        font-weight: 400;
        color: rgba(72,76,79,1);
        line-height: 22px;
        border-radius: 5px;
        border: 1px solid #ffa49f;
        z-index: 5;
    }












.login_main_detail .center .right .login .model .words.id_number {
    background: url(../images/p91_icon1@2x.png) no-repeat 12px center;
    background-size: 16px;
}

.login_main_detail .center .right .login .model .words.tel_or_email {
    background: url(../images/p93_icon1@2x.png) no-repeat 12px center;
    background-size: 16px;
}

.login_main_detail .center .right .login .model .words.secret {
    background: url(../images/p91_icon2@2x.png) no-repeat 12px center;
    background-size: 16px;
}

.login_main_detail .center .right .login .model2 {
    zoom: 1;
    margin-bottom: 15px;
    overflow: hidden;
}

    .login_main_detail .center .right .login .model2 .verification {
        float: left;
        width: calc(100% - 122px);
        border-radius: 3px;
        border: 1px solid #ededed;
        height: 40px;
        font-size: 16px;
        text-indent: 36px;
        font-weight: 400;
        color: rgba(167,176,184,1);
        background: url(../images/p91_icon3@2x.png) no-repeat 13px center;
        background-size: 14px;
    }

    .login_main_detail .center .right .login .model2 .code_img {
        float: right;
        width: 102px;
        height: 40px;
        border-radius: 3px;
        border: 1px solid #ededed;
        height: 40px;
        font-size: 16px;
        line-height: 38px;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: 500;
        color: rgba(36,40,45,1);
    }

.login_main_detail .center .right .login .model3 {
    zoom: 1;
    overflow: hidden;
    height: 22px;
    margin-bottom: 24px;
    line-height: 22px;
}

    .login_main_detail .center .right .login .model3 .left {
        float: left;
        cursor: pointer;
        position: relative;
        width: auto;
        height: 22px;
    }

        .login_main_detail .center .right .login .model3 .left #IsRememberMe {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            z-index: 5;
            height: 100%;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .login_main_detail .center .right .login .model3 .left .cur {
            padding-left: 24px;
            position: relative;
            font-size: 14px;
            font-family:;
            font-weight: 400;
            color: rgba(72,76,79,1);
        }

            .login_main_detail .center .right .login .model3 .left .cur:after {
                position: absolute;
                content: "";
                width: 14px;
                height: 14px;
                left: 0px;
                position: absolute;
                top: 50%;
                -o-transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%);
                -moz-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
                border: 1px solid #e7e7e7;
                border-radius: 2px;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s;
            }

        .login_main_detail .center .right .login .model3 .left.current .cur:after {
            background: url(../images/retangle_on@2x.png) no-repeat center center;
            background-size: 100% 100%;
            border-color: #02a8ee
        }

    .login_main_detail .center .right .login .model3 .right {
        float: right;
        width: auto;
    }

        .login_main_detail .center .right .login .model3 .right a {
            font-size: 14px;
            font-weight: 400;
            color: rgba(2,168,238,1);
        }

.login_main_detail .center .right .login .model4 {
}

.base_send {
    display: block;
    width: 100%;
    border: none;
    background: none;
    color: #fff;
    background-color: #02a8ee;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    border-radius: 4px;
    height: 40px;
}

.login_main_detail .center .right {
    position: relative;
}

    .login_main_detail .center .right .login .res {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        background: #f6f6f6;
        font-size: 16px;
        cursor: pointer;
        font-weight: 500;
        color: rgba(36,40,45,1);
    }

        .login_main_detail .center .right .login .res a {
            color: #02A8EE
        }

.clear {
    clear: both;
}

.footer_words {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding-bottom: 28px;
}

    .footer_words p {
        font-size: 12px;
        font-weight: 400;
        color: rgba(72,76,79,1);
        line-height: 17px;
        margin-bottom: 2px;
    }


.login_main_detail .center2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 20px #ccc;
    -moz-box-shadow: 0px 0px 20px #ccc;
    -o-box-shadow: 0px 0px 20px #ccc;
    -ms-box-shadow: 0px 0px 20px #ccc;
    box-shadow: 0px 0px 20px #ccc;
    width: 874px;
    max-width: 100%;
    background: #fff;
    height: 76%;
}

    .login_main_detail .center2 .left_detail {
        float: left;
        width: 46%;
        height: 100%;
        background: url(../images/p92_bg1@2x.jpg) no-repeat center center;
        background-size: cover;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .login_main_detail .center2 .left_detail .logo2 {
            margin-bottom: 37px;
        }

            .login_main_detail .center2 .left_detail .logo2 img {
                width: 300px;
                max-width: 90%;
            }

        .login_main_detail .center2 .left_detail .ewm {
        }

            .login_main_detail .center2 .left_detail .ewm img {
                width: 248px;
                max-width: 80%;
            }

        .login_main_detail .center2 .left_detail .title {
            font-size: 16px;
            font-weight: 400;
            color: rgba(255,255,255,1);
            line-height: 24px;
            padding-top: 10px;
        }

    .login_main_detail .center2 .right_detail {
        float: right;
        position: relative;
        height: 100%;
        width: 54%;
        padding-top: 3vh;
    }

        .login_main_detail .center2 .right_detail .res_form {
            padding-left: 10.6%;
            padding-right: 10.6%;
        }

            .login_main_detail .center2 .right_detail .res_form .model {
                display: block;
                margin-bottom: 2vh; /* zoom: 1; */ /* overflow: hidden; */
            }

                .login_main_detail .center2 .right_detail .res_form .model .words {
                    display: block;
                    width: 100%;
                    border-radius: 3px;
                    border: 1px solid #ededed;
                    height: 4.4vh;
                    font-size: 16px;
                    text-indent: 12px;
                    font-weight: 400;
                    color: rgba(167,176,184,1);
                }

                .login_main_detail .center2 .right_detail .res_form .model .words2 {
                    float: left;
                    width: calc(100% - 122px);
                    border-radius: 3px;
                    border: 1px solid #ededed;
                    height: 40px;
                    font-size: 16px;
                    text-indent: 12px;
                    font-weight: 400;
                    color: rgba(167,176,184,1);
                }

                .login_main_detail .center2 .right_detail .res_form .model .limit_w {
                    float: right;
                    width: 102px;
                    height: 40px;
                    border-radius: 3px;
                    border: 1px solid #ededed;
                    height: 40px;
                    font-size: 16px;
                    line-height: 38px;
                    font-size: 14px;
                    text-align: center;
                    text-transform: uppercase;
                    cursor: pointer;
                    font-weight: 500;
                    color: rgba(36,40,45,1);
                }

                    .login_main_detail .center2 .right_detail .res_form .model .limit_w .testBtn-a {
                        background: none;
                        border: none;
                        cursor: pointer;
                        color: rgba(36,40,45,1);
                        font-size: 12px;
                    }

                    .login_main_detail .center2 .right_detail .res_form .model .limit_w .code_im {
                        line-height: 38px;
                        font-weight: 500;
                    }

        .login_main_detail .center2 .right_detail .res {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 60px;
            text-align: center;
            line-height: 60px;
            background: #f6f6f6;
            font-size: 16px;
            cursor: pointer;
            font-weight: 500;
            color: rgba(36,40,45,1);
        }

            .login_main_detail .center2 .right_detail .res a {
                color: #02A8EE;
            }


.login_main_detail input::-webkit-input-placeholder {
    color: rgba(167,176,184,1);
}

.login_main_detail input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(167,176,184,1);
}

.login_main_detail input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(167,176,184,1);
}

.login_main_detail input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(167,176,184,1);
}



.resume_detail {
    padding-top: 158px;
}

    .resume_detail .h2tit {
        padding-top: 59px;
        font-size: 32px;
        margin: 0px;
        margin-bottom: 33px;
        font-weight: 400;
        color: rgba(36,40,45,1);
        line-height: 45px;
    }

    .resume_detail .left_side {
        float: left;
        width: 248px;
        border: 1px solid #e1ecf4;
        border-radius: 3px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        background: #fff;
        z-index: 666;
    }

        .resume_detail .left_side .preview {
        }

            .resume_detail .left_side .preview a {
                display: block;
                line-height: 40px;
                font-size: 12px;
                font-weight: 400;
                color: rgba(36,40,45,1);
                text-indent: 25px;
                background: url(../images/p10a_arrow_right@2x.png) no-repeat 105px center;
                background-size: 17px;
                border-bottom: 1px solid #e1ecf4;
            }

        .resume_detail .left_side .slide {
            padding-left: 30px;
            padding-top: 12px;
        }

            .resume_detail .left_side .slide ul li a.current {
                font-size: 18px;
                font-weight: 400;
                color: rgba(2,168,238,1);
                line-height: 25px;
                margin: 0;
                padding-left: 30px;
                margin-bottom: 10px;
                position: relative;
            }

                .resume_detail .left_side .slide ul li a.current:after {
                    content: "";
                    width: 20px;
                    height: 3px;
                    position: absolute;
                    background: rgba(2,168,238,1);
                    top: 50%;
                    left: 0%;
                    -o-transform: translate(0%, -50%);
                    -webkit-transform: translate(0%, -50%);
                    -moz-transform: translate(0%, -50%);
                    -ms-transform: translate(0%, -50%);
                    transform: translate(0%, -50%);
                }

            .resume_detail .left_side .slide ul {
                padding-bottom: 4px;
            }

                .resume_detail .left_side .slide ul li {
                }

                    .resume_detail .left_side .slide ul li a {
                        display: block;
                        font-size: 12px;
                        margin-bottom: 12px;
                        font-weight: 400;
                        color: rgba(36,40,45,1);
                        line-height: 17px;
                        -webkit-transition: all 0.4s;
                        -o-transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -ms-transition: all 0.4s;
                        transition: all 0.4s;
                    }

                        .resume_detail .left_side .slide ul li a:hover {
                            color: rgba(2,168,238,1);
                        }

    .resume_detail .right_infor_list_detail {
        float: right;
        width: calc(100% - 308px);
    }

        .resume_detail .right_infor_list_detail .resume_form {
        }


        .resume_detail .right_infor_list_detail .send_file {
            height: 140px;
            margin-bottom: 30px;
            position: relative;
        }

        .resume_detail .right_infor_list_detail #preview {
            float: left;
            height: 100%;
            position: relative;
            width: 108px;
            border: 1px solid #ededed;
            border-radius: 3px;
            overflow: hidden;
        }

            .resume_detail .right_infor_list_detail #preview .words {
                background: url(../images/p10a_plus@2x.png) no-repeat center 40px #f7fafd;
                text-align: center;
                height: 100%;
                padding-top: 78px;
                font-size: 14px;
                font-weight: 400;
                color: rgba(167,176,184,1);
                line-height: 22px;
                background-size: 25px;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
            }

        .resume_detail .right_infor_list_detail #imghead {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            margin: 0px !important;
            width: 93px;
            height: 120px;
            position: absolute;
            top: 50%;
            left: 50%;
            -o-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .resume_detail .right_infor_list_detail #send_fire_btn {
            float: left;
            margin-left: 30px;
            position: relative;
            width: 90px;
            height: 100%;
        }

            .resume_detail .right_infor_list_detail #send_fire_btn .opacity0 {
                position: absolute;
                left: 0px;
                bottom: 0px;
                width: 100%;
                height: 36px;
                z-index: 55;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }


            .resume_detail .right_infor_list_detail #send_fire_btn .base_send {
                position: absolute;
                left: 0px;
                bottom: 0px;
                width: 100%;
                z-index: 51;
                width: 100%;
            }

            .resume_detail .right_infor_list_detail #send_fire_btn .base_send {
                /*  background-color: #0283d0;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);*/
            }







        .resume_detail .right_infor_list_detail .model {
            margin-bottom: 20px;
        }

            .resume_detail .right_infor_list_detail .model .base_item {
                float: left;
            }

                .resume_detail .right_infor_list_detail .model .base_item .title {
                    height: 22px;
                    font-size: 14px;
                    margin-bottom: 8px;
                    font-weight: 400;
                    line-height: 22px;
                }

                    .resume_detail .right_infor_list_detail .model .base_item .title strong {
                        color: #EE0000;
                        font-weight: bold;
                    }

                .resume_detail .right_infor_list_detail .model .base_item .inputbox {
                }

                    .resume_detail .right_infor_list_detail .model .base_item .inputbox .words {
                        display: block;
                        width: 100%;
                        border-radius: 3px;
                        border: 1px solid #ededed;
                        height: 32px;
                        font-size: 16px;
                        text-indent: 12px;
                        font-weight: 400;
                        color: rgba(167,176,184,1);
                        font-size: 14px;
                        font-weight: 400;
                        color: rgba(72,76,79,1);
                    }

                    .resume_detail .right_infor_list_detail .model .base_item .inputbox .select_item {
                        display: block;
                        width: 100%;
                        border-radius: 3px;
                        border: 1px solid #ededed;
                        height: 32px;
                        font-size: 16px;
                        text-indent: 12px;
                        font-weight: 400;
                        color: rgba(167,176,184,1);
                        font-size: 14px;
                        font-weight: 400;
                        color: #A7B0B8;
                        appearance: none;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                        background: url(../images/p10a_arrow_down@2x.png) no-repeat 98% center;
                        background-size: 12px;
                    }

            .resume_detail .right_infor_list_detail .model .item_type1 {
                width: 31%;
                margin-right: 3.5%;
            }

            .resume_detail .right_infor_list_detail .model .last {
                margin-right: 0px !important;
            }

            .resume_detail .right_infor_list_detail .model .item_type2 {
                width: 65.5%;
            }

        .resume_detail .right_infor_list_detail .send {
            padding-top: 12px;
            padding-bottom: 100px;
        }

            .resume_detail .right_infor_list_detail .send .base_send {
                width: 90px;
            }

        .resume_detail .right_infor_list_detail .model .base_item .inputbox .words.grey {
            background: #f5f5f5
        }

.progress_detail {
    text-align: center;
    background: #1bb4ff;
    padding-top: 32px;
    padding-bottom: 60px;
}

    .progress_detail .h2tit {
        font-size: 32px;
        margin-bottom: 43px;
        font-weight: 600;
        color: rgba(153,252,255,1);
        line-height: 45px;
    }

    .progress_detail .list {
    }

        .progress_detail .list li {
        }

            .progress_detail .list li .poabo {
            }

                .progress_detail .list li .poabo .circle {
                }

                .progress_detail .list li .poabo .line {
                }

        .progress_detail .list .imgbox {
        }

            .progress_detail .list .imgbox img {
                display: block;
                margin: auto;
                max-width: 100%;
                width: 1126px;
            }


.resume_detail .left_side.cur {
    position: fixed;
    top: 130px;
    width: 248px;
    background: #fff;
    z-index: 99;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
}






.resume_detail .right_infor_list_detail .education {
}

    .resume_detail .right_infor_list_detail .education .add_detail {
        height: 30px;
        margin-bottom: 10px;
        line-height: 30px;
    }

        .resume_detail .right_infor_list_detail .education .add_detail .base_send {
            float: left;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            margin-right: 10px;
            width: 82px;
            text-align: left;
            text-indent: 34px;
            background-image: url(../images/p10b_plus_white@2x.png);
            background-repeat: no-repeat;
            background-position: 14px;
            background-size: 9px;
        }

        .resume_detail .right_infor_list_detail .education .add_detail span {
            font-size: 14px;
            font-weight: 400;
            color: rgba(72,76,79,1);
        }

    .resume_detail .right_infor_list_detail .education .edu_list {
    }

        .resume_detail .right_infor_list_detail .education .edu_list table {
            display: block;
            width: 100%;
            border: 1px solid #e9e9e9;
            border-radius: 4px;
            /* overflow: hidden; */
            border-bottom: none;
            background: #fff;
        }

        .resume_detail .right_infor_list_detail .education .edu_list th {
            background: #fafafa;
            line-height: 54px;
            font-size: 12px;
            font-weight: 500;
            font-weight: bold;
            border-bottom: 1px solid #e9e9e9;
            color: rgba(36,40,45,1);
        }

            .resume_detail .right_infor_list_detail .education .edu_list th:first-child {
                padding-left: 12px;
            }

        .resume_detail .right_infor_list_detail .education .edu_list tr td:first-child {
            padding-left: 12px;
        }

        .resume_detail .right_infor_list_detail .education .edu_list td {
            border-bottom: 1px solid #e9e9e9;
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 12px;
            font-weight: 400;
            color: rgba(72,76,79,1);
            line-height: 22px;
        }

            .resume_detail .right_infor_list_detail .education .edu_list td * {
                font-size: 12px;
                font-weight: 400;
                color: rgba(72,76,79,1);
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .w1 {
                display: block;
                width: 100px;
                max-width: 100px;
                max-width: 100%;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .w2 {
                display: block;
                width: 74px;
                max-width: 74px;
                max-width: 100%;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .w3 {
                display: block;
                width: 120px;
                max-width: 100%;
            }


            .resume_detail .right_infor_list_detail .education .edu_list td .slide_model {
                position: relative;
                cursor: pointer;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .w4 .words {
                padding-right: 50px;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-weight: 400;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .w6 .words {
                padding-right: 50px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .slide_model.w6 .detail {
                width: 100%;
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .slide_model:hover .words {
                color: rgba(2,168,238,1);
            }

            .resume_detail .right_infor_list_detail .education .edu_list td .slide_model .detail {
                position: absolute;
                width: 350px;
                background: rgba(255,255,255,1);
                font-size: 14px;
                font-weight: 400;
                color: rgba(74,74,74,1);
                line-height: 22px;
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 12px;
                padding-bottom: 16px;
                left: -10px;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s;
                background: rgba(255,255,255,1);
                box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
                border-radius: 4px;
                opacity: 0;
                visibility: hidden;
                z-index: -1;
                bottom: 42px;
            }

.resume_detail .right_infor_list_detail .model .item_type3 {
    width: 100%;
    margin-right: 0px;
}




.resume_detail .right_infor_list_detail .education .edu_list td .slide_model .detail i {
    position: absolute;
    display: inline-block;
    bottom: -5px;
    left: 20px;
    width: 0;
    height: 0px;
    content: '';
    border-style: solid;
    border-width: 5px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(135deg);
    box-shadow: 2px -2px 2px rgba(0,0,0,0.15);
}

    .resume_detail .right_infor_list_detail .education .edu_list td .slide_model .detail i:after {
    }

.resume_detail .right_infor_list_detail .education .edu_list td .slide_model:hover .detail {
    opacity: 1;
    visibility: visible;
    z-index: 34;
    bottom: 52px;
}










.resume_detail .right_infor_list_detail .education .edu_list td a {
    font-size: 12px;
    font-weight: 400;
    color: rgba(2,168,238,1);
}

.resume_detail .right_infor_list_detail .education .edu_list td .line {
    font-size: 12px;
    font-weight: 400;
    color: rgba(2,168,238,1);
}


.resume_detail .right_infor_list_detail .education .edu_list tr:hover {
    background: #f7fafd
}

.resume_detail .right_infor_list_detail .education {
    padding-bottom: 100px;
}

.pagedsz a:last-child:hover {
    background: #1bb4ff;
    color: #fff;
    border-color: #1bb4ff
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words::-webkit-inner-spin-button {
    visibility: hidden;
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words::-webkit-clear-button {
    display: none;
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words::-webkit-datetime-edit-fields-wrapper {
    width: 100%;
}



.loginbox .item {
}

    .loginbox .item .app_job {
        display: block;
        margin-left: 31px;
        line-height: 33px;
        font-size: 16px;
        font-weight: 600;
        color: rgba(2,168,238,1);
        border-bottom: 3px solid rgba(2,168,238,1);
        margin-right: 35px;
    }

    .loginbox .item .user {
        display: block;
        margin-right: 49px;
    }

        .loginbox .item .user img {
            width: 20px;
            display: block;
        }


.resume_detail .right_infor_list_detail .education .edu_list tr td .none {
    text-align: center;
    height: 229px;
    background: url(../images/p10b_no_result@2x.png) no-repeat center 80px;
    background-size: 21px;
    padding-top: 104px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(167,176,184,1);
    line-height: 20px;
}




.resume_detail .right_infor_list_detail .model .item_type4 {
    width: 31%;
    margin-right: 3.3%;
}

    .resume_detail .right_infor_list_detail .model .item_type4:last-child {
        margin-right: 0px;
    }

.resume_detail .right_infor_list_detail .model .third_line {
    height: 30px;
    margin-top: 12px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

    .resume_detail .right_infor_list_detail .model .third_line .send_filed {
        height: 100%;
        position: relative;
    }

        .resume_detail .right_infor_list_detail .model .third_line .send_filed .send_btn {
            float: left;
            width: 106px;
            height: 30px;
            line-height: 28px;
            border: 1px solid #e2e2e2;
            border-radius: 3px;
            background: url(../images/p10e_upload@2x.png) no-repeat 13px center;
            background-size: 14px;
            text-indent: 24px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 400;
            color: rgba(0,0,0,0.65);
        }

    .resume_detail .right_infor_list_detail .model .third_line .remarks {
        height: 100%;
        position: relative;
        cursor: pointer;
        height: 100%;
        line-height: 30px;
    }



        .resume_detail .right_infor_list_detail .model .third_line .remarks .chebox {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer;
        }

        .resume_detail .right_infor_list_detail .model .third_line .remarks .title2 {
            padding-left: 24px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(72,76,79,1);
        }

            .resume_detail .right_infor_list_detail .model .third_line .remarks .title2:after {
                position: absolute;
                content: "";
                width: 14px;
                height: 14px;
                left: 0px;
                position: absolute;
                top: 50%;
                -o-transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%);
                -moz-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
                border: 1px solid #e7e7e7;
                border-radius: 2px;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s;
            }

        .resume_detail .right_infor_list_detail .model .third_line .remarks.cur .title2:after {
            background: url(../images/retangle_on@2x.png) no-repeat center center;
            background-size: 100% 100%;
            border-color: #02a8ee
        }

    .resume_detail .right_infor_list_detail .model .third_line .detail_on {
        margin-top: 12px;
        zoom: 1;
        overflow: hidden;
        padding-left: 22px;
        background: url(../images/p10e_paperclip@2x.png) no-repeat left 5px;
        background-size: 14px;
        position: relative;
    }



        .resume_detail .right_infor_list_detail .model .third_line .detail_on .words {
            float: left;
            margin-left: 25px;
            font-size: 14px;
            line-height: 20px;
            padding-top: 5px;
            font-weight: 400;
            color: rgba(72,76,79,1);
            display: none;
        }


        .resume_detail .right_infor_list_detail .model .third_line .detail_on .on_main {
            float: left;
            position: relative;
            width: 140px;
            height: 28px;
        }

        .resume_detail .right_infor_list_detail .model .third_line .detail_on .title2 {
            height: 22px;
            line-height: 22px;
            float: left;
            font-size: 14px;
            font-weight: 400;
            color: rgba(72,76,79,1);
            width: 110px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .resume_detail .right_infor_list_detail .model .third_line .detail_on .cancel {
            float: right;
            height: 22px;
            width: 10px;
            background: url(../images/p10e_cancel@2x.png) no-repeat center center;
            cursor: pointer;
            background-size: 100%;
        }

        .resume_detail .right_infor_list_detail .model .third_line .detail_on .loading_line {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 2px;
            background: #e7e9eb;
        }

            .resume_detail .right_infor_list_detail .model .third_line .detail_on .loading_line i {
                position: absolute;
                left: 0px;
                top: 0px;
                height: 100%;
                width: 20%;
            }

            .resume_detail .right_infor_list_detail .model .third_line .detail_on .loading_line.on i {
                background: #1890ff
            }

            .resume_detail .right_infor_list_detail .model .third_line .detail_on .loading_line.fail i {
                background: #ff5500;
                width: 100%;
            }


            .resume_detail .right_infor_list_detail .model .third_line .detail_on .loading_line.done {
                display: none;
            }


        .resume_detail .right_infor_list_detail .model .third_line .detail_on .refresh {
            float: right;
            height: 22px;
            width: 11px;
            background: url(../images/icon_refresh@2x.png) no-repeat center center;
            margin-right: 6px;
            cursor: pointer;
            background-size: 100%;
        }




















.right_infor_list_detail.w100 {
    width: 100%;
    float: none;
}

.resume_detail .right_infor_list_detail .education .edu_list td .width2 {
    width: 74px;
    max-width: 100%;
}

.resume_detail .right_infor_list_detail .education .edu_list td .default {
    padding-left: 10px;
    position: relative;
}

    .resume_detail .right_infor_list_detail .education .edu_list td .default:after {
        position: absolute;
        top: 50%;
        left: 0%;
        -o-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(-0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50px;
        background: #ccc;
    }

    .resume_detail .right_infor_list_detail .education .edu_list td .default.on:after {
        background: #1890ff
    }

    .resume_detail .right_infor_list_detail .education .edu_list td .default.success:after {
        background: #52c41a
    }

    .resume_detail .right_infor_list_detail .education .edu_list td .default.fail:after {
        background: #f5222d
    }

.resume_detail .right_infor_list_detail .education .edu_list td .none2 {
    color: rgba(167,176,184,1);
    font-size: 14px;
    font-weight: 400;
    color: rgba(167,176,184,1);
    line-height: 20px;
    height: 200px;
    text-align: center;
    padding-top: 104px;
    background: url(../images/p10b_no_result@2x.png) no-repeat center 80px;
    background-size: 21px;
}

.resume_input {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 777777;
    display: none;
    height: 100%;
}

    .resume_input .shadow {
        position: absolute;
        background: rgba(0,0,0,0.4);
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 3;
        height: 100%;
    }

    .resume_input .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 3px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -ms-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        width: 410px;
        max-width: 100%;
        z-index: 7;
        top: 55%;
        opacity: 0;
    }

    .resume_input.current .content {
        top: 50%;
        opacity: 1;
    }

    .resume_input .content .h2tit {
        height: 55px;
        line-height: 55px;
        position: relative;
        font-size: 16px;
        font-weight: 500;
        color: rgba(36,40,45,1);
        padding-left: 24px;
        margin: 0px;
        border-bottom: 1px solid #ececec;
        margin-bottom: 24px;
    }

    .resume_input .content .close {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 9px;
        right: 24px;
        background: url(../images/p10e_cancel@2x.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer;
    }

    .resume_input .content .send_form {
    }

        .resume_input .content .send_form .model {
            padding-left: 24px;
            padding-right: 24px;
            margin-bottom: 20px;
        }

            .resume_input .content .send_form .model .s1 {
                float: left;
                width: 82px;
                text-align: right;
                font-size: 14px;
                line-height: 32px;
                font-weight: 400;
            }

                .resume_input .content .send_form .model .s1 strong {
                    color: #EE0000
                }

            .resume_input .content .send_form .model .s2 {
                float: right;
                width: calc(100% - 82px);
            }

                .resume_input .content .send_form .model .s2 .words {
                    width: 100%;
                    border: 1px solid #ececec;
                    height: 32px;
                    line-height: 30px;
                    border-radius: 3px;
                    padding-left: 12px;
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(72,76,79,1);
                }

                .resume_input .content .send_form .model .s2 .select_item {
                    width: 100%;
                    border: 1px solid #ececec;
                    height: 32px;
                    line-height: 30px;
                    border-radius: 3px;
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    padding-left: 12px;
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(72,76,79,1);
                    background: url(../images/p10a_arrow_down@2x.png) no-repeat 98% center;
                    background-size: 11px;
                }

        .resume_input .content .send_form .model2 {
            padding-left: 24px;
            margin-bottom: 20px;
            padding-right: 24px;
        }

            .resume_input .content .send_form .model2 textarea {
                width: 100%;
                border: 1px solid #ececec;
                height: 32px;
                line-height: 30px;
                border-radius: 3px;
                padding-left: 12px;
                font-size: 14px;
                font-weight: 400;
                color: rgba(72,76,79,1);
                display: block;
                resize: none;
                height: 205px;
                padding: 12px;
            }



                .resume_input .content .send_form .model2 textarea::-webkit-input-placeholder {
                    color: rgba(167,176,184,1);
                }

                .resume_input .content .send_form .model2 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
                    color: rgba(167,176,184,1);
                }

                .resume_input .content .send_form .model2 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                    color: rgba(167,176,184,1);
                }

                .resume_input .content .send_form .model2 textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
                    color: rgba(167,176,184,1);
                }







.resume_detail .right_infor_list_detail .model .base_item .inputbox .words::-webkit-input-placeholder {
    color: #A7B0B8
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A7B0B8
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A7B0B8
}

.resume_detail .right_infor_list_detail .model .base_item .inputbox .words:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A7B0B8
}








.resume_input .content .send_form .bottom_btn {
    height: 50px;
    border-top: 1px solid #ececec;
    text-align: right;
    padding-right: 24px;
}

    .resume_input .content .send_form .bottom_btn * {
        display: inline-block;
        margin-top: 10px;
        width: 65px;
        height: 30px;
        border: none;
        background: none;
        cursor: pointer;
        border-radius: 3px;
        font-weight: 400;
    }

    .resume_input .content .send_form .bottom_btn .reset {
        font-weight: 400;
        color: rgba(72,76,79,1);
        border: 1px solid #ececec;
    }

    .resume_input .content .send_form .bottom_btn .send {
        background: #02a8ee;
        color: #fff;
    }





















.delet_wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 777777;
    display: none;
    height: 100%;
}

    .delet_wrapper .shadow {
        position: absolute;
        background: rgba(0,0,0,0.4);
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 3;
        height: 100%;
    }

    .delet_wrapper .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 3px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        -ms-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
        width: 410px;
        max-width: 100%;
        z-index: 7;
        top: 55%;
        opacity: 0;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 32px;
        padding-bottom: 26px;
    }

    .delet_wrapper.current .content {
        top: 50%;
        opacity: 1;
    }


    .delet_wrapper .content .h2tit {
        font-size: 16px;
        margin-bottom: 12px;
        font-weight: 500;
        color: rgba(0,0,0,0.85);
        line-height: 24px;
    }

    .delet_wrapper .content .words {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,0,0,0.65);
        line-height: 22px;
        margin-bottom: 24px;
    }

        .delet_wrapper .content .words.mb4 {
            margin-bottom: 4px;
        }

    .delet_wrapper .content .btn_group {
        text-align: right;
    }

        .delet_wrapper .content .btn_group * {
            display: inline-block;
            margin-top: 10px;
            width: 65px;
            height: 30px;
            border: none;
            background: none;
            cursor: pointer;
            border-radius: 3px;
            font-weight: 400;
        }


        .delet_wrapper .content .btn_group .cancel {
            font-weight: 400;
            color: rgba(72,76,79,1);
            border: 1px solid #ececec;
        }

        .delet_wrapper .content .btn_group .done {
            background: #02a8ee;
            color: #fff;
        }


    .delet_wrapper .content .no_reminder {
        cursor: pointer;
        position: relative;
        width: auto;
        height: 22px;
        cursor: pointer;
    }

        .delet_wrapper .content .no_reminder #no_reminder {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            z-index: 5;
            height: 100%;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .delet_wrapper .content .no_reminder label {
            padding-left: 24px;
            position: relative;
            font-size: 14px;
            font-family:;
            cursor: pointer;
            font-weight: 400;
            color: rgba(72,76,79,1);
        }

            .delet_wrapper .content .no_reminder label:after {
                position: absolute;
                content: "";
                width: 14px;
                height: 14px;
                left: 0px;
                position: absolute;
                top: 50%;
                -o-transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%);
                -moz-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
                border: 1px solid #e7e7e7;
                border-radius: 2px;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s;
            }

        .delet_wrapper .content .no_reminder.current label:after {
            background: url(../images/retangle_on@2x.png) no-repeat center center;
            background-size: 100% 100%;
            border-color: #02a8ee
        }


.resume_input .content .send_form .model .s2 .date::-webkit-inner-spin-button {
    visibility: hidden;
}

.resume_input .content .send_form .model .s2 .date::-webkit-clear-button {
    display: none;
}



.resume_input .content .send_form .model .s2 .date::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}



.resume_input .content .send_form .model .s2 .date {
    background: url(../images/calender@2x.png) no-repeat 97% center;
    background-size: 14px
}